<template>
  <div>
    <!-- <button v-on:click="num+=3000">发工资啦，我的工资是3000</button><br /><br />
    <button v-on:click="num-=2800">给喜欢的女主播刷了火箭-2800</button><br /><br />
    <button v-on:click="num+=10000">送外卖赚了10000</button><br /><br />
    <button v-on:click="num-=18000">给暗恋的女生买了爱马仕-18000</button><br /><br />
    <button v-on:click="num+=8000">晚上去做代驾赚了8000</button><br /><br />
    <button v-on:click="num-=100">买泡面100</button><br /><br />
    <button v-on:click="num-=50">买挂逼水50</button><br /><br /> -->

    <button @click="fn(+3000)">发工资啦，我的工资是3000</button><br /><br />
    <button @click="fn(-2800)">给喜欢的女主播刷了火箭-2800</button><br /><br />
    <button @click="fn(+10000)">送外卖赚了10000</button><br /><br />
    <button @click="fn(-18000)">给暗恋的女生买了爱马仕-18000</button
    ><br /><br />
    <button @click="fn(+8000)">晚上去做代驾赚了8000</button><br /><br />
    <button @click="fn(-100)">买泡面100</button><br /><br />
    <button @click="fn(-50)">买挂逼水50</button><br /><br />

    <p>我这个月还有{{ num }}元</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      num: 0,
    };
  },

  methods: {
    fn(a) {
      console.log((this.num += a));
    },
  },
};
</script>

<style scoped>
</style>